<template>
	<view>
		<carHeader :title="title"></carHeader>
		<view class="tuceng">
			<image src="/static/车联网服务-01专业洗车-08洗车-订单支付_slices/对 拷贝@3x.png" mode=""></image>
			<view class="text1">
				<text>支付成功</text>
			</view>
			<view class="text2">
				<text>39.90</text>
			</view>
			<view class="text3">
				<text>预约编号：354648946484684</text>
			</view>

			<view class="btn">
				<button class="btn1" >返回首页</button>
				<button class="btn2" >订单详情</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:"订单支付"
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.tuceng {
		width: 95%;
		height: 900rpx;
		background-color: #fff;
		margin: 0 auto;
		position: relative;
		top: -230rpx;
		border-radius: 20rpx;
		text-align: center;

		image {
			width: 150rpx;
			height: 150rpx;
			position: relative;
			top: 80rpx;
		}

		.text1 {
			position: relative;
			font-size: 30rpx;
			// font-weight: 1000;
			top: 90rpx;
		}

		.text2 {
			position: relative;
			font-size: 80rpx;
			font-weight: 800;
			top: 130rpx;
		}

		.text3 {
			position: relative;
			font-size: 30rpx;
			// font-weight: 1000;
			top: 180rpx;
		}
		.btn{
			position: relative;
			top: 250rpx;
			.btn1{
				margin-bottom: 30rpx;
				color: white;
				background-color: #0073de;
				border-radius: 50rpx;
				width: 75%;
			}
			.btn2{
				margin-bottom: 30rpx;
				color: white;
				background-color: #dedede;
				border-radius: 50rpx;
				width: 75%;
			}
		}
	}
</style>